<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--  <meta http-equiv="content-security-policy"
            content="default-src 'none'; script-src 'self'; connect-src 'self'; img-src 'self'; style-src 'self';">-->
    <title>微信</title>
    <script src="./render/app.js"></script>
    <style>
        * {
            padding: 0;
            margin: 0;
        }

        #app {
            display: flex;
            align-items: start;
        }

        .left_menu {
            width: 54px;
            height: 100vh;
            background: #2E2E2E;
            -webkit-app-region: drag;
        }

        .message_content {
            width: 300px;
            height: 100vh;
            background: #E6E5E4;
            border-right: 1px solid #EDE9E7;
        }

        .search {
            width: 100%;
            height: 60px;
            background: #F7F7F7;
            -webkit-app-region: drag;
        }

        .right_content {
            flex: 1;
            height: 100vh;
            background: #F5F5F5;
        }

        .right_top {
            width: 100%;
            height: 60px;
            background: #F7F7F7;
            -webkit-app-region: drag;
            border-bottom: 1px solid #EDE9E7;
        }
    </style>
</head>
<body>
<div id="app">
    <div class="left_menu">

    </div>
    <div class="message_content">
        <div class="search"></div>
    </div>
    <div class="right_content">
        <div class="right_top"></div>
        Hello
        <br>
        <button id="btn">send</button>
    </div>
</div>
</body>
</html>
